<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>
<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/easyui/easyloader.js"></script>
<title>请假统计</title>
<style type="text/css">
	.group{
	     margin: 18px;
	}
	.group-line label{
	    padding: 6px 25px;
	    background: #d7edff;
	    margin:5px;
	    border-radius: 15px;
	    cursor: pointer;
	}
	.group-line .selected{
	    background: #0090f2;
	}
	.group-line .selected a{
	    color: #fff;
	}
	.group-line label a{
	    text-decoration: none;
	    color: #666;
	    font-size: 14px;
	}
	.button_href{
	 text-decoration: none;
	 display: inline-block;
	 width: 30px;
	 text-align: center;
	 height: 30px;
	 line-height: 30px;
	 color: #398DEE;
	 border:1px solid #DCDADA;
	 border-radius:3px;
	 font-size:15px;
	 }
	
	.button_href:hover{
	background-color: burlywood;
	}
	
	.start{
	   background-color: burlywood;
	}
	
	.end{
	    background-color: white;
	}
</style>
</head>
<body class="easyui-layout" style="margin: 0;padding: 0;">
    <div style="width:100%;height:100%;background:transparent;overflow:auto;padding:10px 50px;'">
     <div class="datagrid-toolbar t-toolbar-h " style="width: 98%;">
      <div class="groundform">
           <label>流程：</label>
           <div class="inputWidth">
                <input type="text" class="easyui-combobox" id="procSelect" />
           </div>
       </div>
        <table cellspacing="0" class="t-toolbar-tab" cellpadding="0">
            <tbody>
	            <tr>
		            <td>
			            <a  class="button_href" id="querymonth">月</a>
		            	<a  class="button_href" id="queryweek">周</a>
		            	<a  class="button_href start" id="queryday">天</a>
		            </td>
					<td style="display: table-cell;" id="exportBtn">
					<a href="javascript:void(0)" class="l-btn l-btn-small l-btn-plain"
						group="" id="" sign="sign"> <span
							class="l-btn-left l-btn-icon-left"> <span
								class="l-btn-text">导出</span> <span
								class="l-btn-icon icon-icon1_42">&nbsp;</span>
						</span>
					</a></td>
				</tr>
            </tbody>
           </table>
          </div>
       <!-- <div class="groundform">
           <label>横坐标：</label>
           <div class="inputWidth">
                 <input type="text" class="easyui-combobox" id="typeSelect" />
           </div>
       </div> -->
        <div style="margin-top:30px;">
            <div id="eChart" style="width:100%;height:85%"></div>
        </div>
        <div style="margin:20px 0;padding:0 10px;">
           <table class="easyui-datagrid" id="dg"></table>
        </div> 
    </div>
    
	<script>
	    seajs.use("oa/approval/actStatistics/js/procStats",function(A){
	        A.personal();
	    });
	</script>
</body>
</html>